<template>
	<view>
		<view class="status_bar"></view>
		<view class="top" >
					 <u-icon size="50rpx" name="arrow-left" @click="toBack"></u-icon>
					 <text style="text-align: center;font-weight: bold;padding-left: 250rpx;">聊天设置</text>
					 <!-- <u-icon size="50rpx" style="float: right;" name="plus" @click="addEvent"></u-icon> -->
		</view>
		<view style="display: flex; height: 120rpx;background-color: white;margin-top: 30rpx;justify-content: space-between;padding: 20rpx 30rpx 0rpx 30rpx;">
			<image style="height: 80rpx;width: 80rpx;border-radius: 50%;flex-shrink: 0;margin-top: 5rpx;margin-left: 10rpx;" :src="person.avatar" mode="aspectFill"></image>
			<view style="margin-left: -390rpx;">
				<view style="font-size: 35rpx;font-weight: bold;">{{person.nickname}}</view>
				<view style="font-size: 28rpx;font-weight: 200;overflow: hiddden;text-overflow: ellipsis;white-space: nowrap;">hhhhh</view>
			</view>
			<u-icon style="padding-bottom:20rpx" size="50" name="arrow-right" @click="topersonalMainPage"></u-icon>
		</view>
	<!-- 	<view style="display: flex;margin-top:20rpx;background-color: white;height: 70rpx;padding-left: 30rpx;padding-top: 30rpx;">
			<view style="font-size: 35rpx;font-weight: bold;padding-left: 20rpx;">聊天记录</view>
			<u-icon style="padding-bottom: 30rpx;padding-left: 490rpx;" size="30" name="arrow-right"></u-icon>
		</view> -->
		<u-line></u-line>
		<view style="display: flex;margin-top:0rpx;background-color: white;height: 70rpx;padding-left: 30rpx;padding-top: 30rpx;justify-content: space-between;">
			<view style="font-size: 35rpx;font-weight: bold;padding-left: 20rpx;">消息免打扰</view>
			<switch  @change="switch1Change" color="#ff9d66" style="transform:scale(0.7);margin-bottom: 50rpx;"/>
			<!-- <u-icon style="padding-bottom: 30rpx;padding-left: 490rpx;" size="30" name="arrow-right"></u-icon> -->
		</view>
		<u-line></u-line>
		<view style="display: flex;margin-top:0rpx;background-color: white;height: 70rpx;padding-left: 30rpx;padding-top: 30rpx;justify-content: space-between;">
			<view style="font-size: 35rpx;font-weight: bold;padding-left: 20rpx;">加入黑名单</view>
			<switch  @change="switch1Change" color="#ff9d66" style="transform:scale(0.7);margin-bottom: 50rpx;"/>
			<!-- <u-icon style="padding-bottom: 30rpx;padding-left: 490rpx;" size="30" name="arrow-right"></u-icon> -->
		</view>
		
	</view>
</template>

<script>
	export default {
		onLoad(options){
			console.log(options)
			this.person={...options}
			
		},
		data() {
			return {
				image: '/static/cat.jpg',
				person: {}
			};
		},
		methods:{
			topersonalMainPage(){
				uni.navigateTo({
					url: '/pages/mine/personMainPage/personMainPage?id='+this.person.id+'&myId='+this.person.myId+'&status=0'
				})
			},
			toBack(){
				uni.navigateBack()
			}
		}
	}
</script>

<style lang="scss">
	.status_bar {
	        height: var(--status-bar-height);
	        width: 100%;
	    }
	.top{
			display: flex;
			width: 100%;
			box-sizing: border-box;
			// justify-content: space-between;
			
		    align-items: center;
			height: 200rpx;
			padding: 0 30rpx;
			background: linear-gradient(to right, #ffdf80,#fff4de);
			
		}
</style>
